.container {
    width: 100%;

    .banner {
        width: 100%;
        height: 8.93rem;
        background-color: #fff;

        img {
            width: 100%;
        }
        .swiper-container {
            width: 100%;
            height: 100%;
        }
        .swiper-pagination-bullet{
            width: .25rem;
            height: .25rem;
        }
        .swiper-pagination-bullet.swiper-pagination-bullet-active{
            background-color: #b60005;
            opacity: 1;
        }
        .swiper-pagination-bullet{
            background-color: #b1acb1;
            opacity: 1;
        }
        .text {
            position: absolute;
            bottom: 0;
            color: #fff;
            width: 100%;
            height: 2.6rem;
            background-color: rgba($color: #000000, $alpha: .7);
            box-sizing: border-box;
            padding:0.57rem 0 0.4rem ;
            p {
                font-size: 0.67rem;
                text-align: center;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                box-sizing: border-box;
                padding: 0 0.7rem;
            }
            .text-mes{
                width: 100%;
                height: .55rem;
                font-size: 0.44rem;
                display: flex;
                align-items: center;
                margin-top: 0.35rem;
                box-sizing: border-box;
                padding: 0 0.7rem;
                img{
                    width: 0.45rem;
                    height: 0.45rem;
                }
                .like{
                    flex: 2;
                }
                .watch{
                    flex: 2;
                }
                .time{
                    flex: 10;
                    text-align: right;
                }
            }
        }
    }

    .news {
        box-sizing: border-box;
        padding: 0.73rem 0.73rem 0;
        background-color: #fff;

        .items {
            // margin-top: 0.08rem;
            height: 4.15rem;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 0.08rem solid #f5f5f5;
            background-color: #fff;

            .left {
                width: 8.1rem;
                height: 2.9rem;

                // background-color: aquamarine;
                p {
                    font-size: .62rem;
                    margin-top: 0.15rem;
                    font-weight: bold;
                }

                .bottom {
                    color: #c5c5c5;
                    display: flex;
                    justify-content: space-between;
                    margin-top: 0.65rem;
                    vertical-align: middle;
                    .like {
                        font-size: 0.45rem;
                        vertical-align: middle;
                    }

                    span {
                        font-size: 0.53rem;
                        vertical-align: middle;
                    }
                }
            }

            .right {
                width: 5.2rem;
                height: 2.9rem;
                background-color: bisque;
                vertical-align: middle;
                img {
                    width: 100%;
                    height: 100%;
                    vertical-align: middle;
                }
            }
        }

        .items2 {
            p {
                width: 100%;
                // height: ;
                font-weight: bold;
                height: 0.84rem;
                line-height: 0.84rem;
                font-size: 0.62rem;
                margin-top: 0.9rem;
            }

            .pic {
                padding: 0.5rem 0;
                box-sizing: border-box;
                display: flex;
                justify-content: space-between;

                img {
                    width: 4.7rem;
                    height: 3rem;
                }

            }

            .bottom {
                display: flex;
                font-size: 0.49rem;
                color: #c5c5c5;
                position: relative;
                // div{
                //     vertical-align: middle;
                //     margin-left: .4rem;
                // }
                .author {
                    width: 0.68rem;
                    height: 0.68rem;
                    border-radius: 50%;
                    overflow: hidden;
                    // background-color: black;
                    position: relative;
                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        vertical-align: middle;
                        // position: absolute;
                        margin-right: 0.2rem;
                    }
                }
                .comment{
                    margin-left: .4rem;
                    vertical-align: middle;
                }
                .like{
                    margin-left: .4rem;
                    vertical-align: middle;
                }

                .time {
                    font-size: 0.53rem;
                    position: absolute;
                    right: 0;
                }
            }
        }
    }
}